<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <!-- 以下表示要求当前网页使用IE浏览器最高版本的内核来渲染 -->
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <!-- 以下为视口的设置：视口的宽度和设备一致，默认的缩放比例和PC端一致，用户不能自行缩放 -->
    <meta name="viewport" content="width=device-width, initial-scale=1.0，user-scalable=no">
    <!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->

    <title>家育帮-预防孩子沉迷手机的APP</title>
    <!-- 关键字 -->
    <meta name="keywords" content="手机管控,校园手机管理,防沉迷,应用锁,学生手机,学习机">
    <!-- 网站说明 -->
    <meta name="description" content="自由设置学校的管控时间段，对移动设备进行管理，根据不同校园使用场景设置不同的时间段应用">

    <!--[if lt IE 9]>
      <script src="https://cdn.jsdelivr.net/npm/html5shiv@3.7.3/dist/html5shiv.min.js"></script>
      <script src="https://cdn.jsdelivr.net/npm/respond.js@1.4.2/dest/respond.min.js"></script>
    <![endif]-->
    <!-- 上面第一行是解决ie9以下浏览器对html5新增标签的不识别，并导致CSS不起作用的问题 -->
    <!-- 上面第二行是解决ie9以下浏览器对css3 Media Query 的不识别 -->

    <!-- 引入 favicon 图标 -->
    <link rel="shortcut icon" href="favicon.ico">
    <!-- 以下为引入 bootstrap 样式文件 -->
    <link rel="stylesheet" href="bootstrap/css/bootstrap.min.css">
    <!-- 引入 swiper css样式文件 -->
    <link rel="stylesheet" href="css/swiper.min.css">
    <!-- 以下为引入 index 样式文件 -->
    <link rel="stylesheet" href="css/index.css?v2">

</head>

<body>
    <!-- 固定头部导航 -->
    <header class="header">
        <div class="container">
            <a href="index.html" class="logo">
                <img src="icons/logo-header.png" alt="">
            </a>
            <ul class="nav hidden-xs">
                <li><a href="#jia">家庭管理</a></li>
                <li><a href="#xiao">校园管控</a></li>
                <li><a href="#ge">个性化管理</a></li>
                <li><a href="#wo">关于我们</a></li>
                <li><a href="#he">合作企业</a></li>
            </ul>
        </div>
    </header>
    <!-- banner 模块 -->
    <div class="banner">
        <img src="images/banner.png" alt="">
    </div>
    <!-- 制定计划模块 -->
    <div class="plan" id="jia">
        <div class="container content">
            <div class="con_hd">
                <div class="hd_bg">
                    <h1>根据孩子现状，制定亲子计划行为改变计划</h1>
                </div>
                <h5>教子以身率先</h5>
            </div>
            <div class="con_bd">
                <div class="con_bd_left col-xs-12 col-sm-6 col-md-6 col-lg-6">
                    <div class="icon"></div>
                    <img class="visible-xs" src="images/t1-01.png" alt="">
                    <div class="title">
                        <h2>了解孩子依赖手机原因</h2>
                        <h4>Understand why</h4>
                    </div>
                    <div class="txt">与儿童心理学家深度合作，通过孩子日常生活表现 进行专业的心理评测，了解孩子真正依赖于手机的本质原因</div>
                    <div class="line"></div>
                </div>
                <div class="con_bd_right hidden-xs col-sm-6 col-md-6 col-lg-6">
                    <img src="images/t1-01.png" alt="">
                </div>
            </div>
            <div class="con_bd">
                <div class="con_bd_left col-xs-12 col-sm-6 col-sm-push-6">
                    <div class="icon"></div>
                    <img class="visible-xs" src="images/t1-02.png" alt="">
                    <div class="title">
                        <h2>智能生成亲子行为改变计划</h2>
                        <h4>Generate plan</h4>
                    </div>
                    <div class="txt">根据评测结果，通过AI大数据智能生成亲子计划家 庭成员共同执行。通过身教言传，给孩子树立榜样 父母改变1%， 孩子成长99%</div>
                    <div class="line"></div>
                </div>
                <div class="con_bd_right hidden-xs col-sm-6 col-sm-pull-6">
                    <img src="images/t1-02.png" alt="">
                </div>
            </div>
            <div class="con_bd">
                <div class="con_bd_left col-xs-12 col-sm-6 ">
                    <div class="icon"></div>
                    <img class="visible-xs" src="images/t1-03.png" alt="">
                    <div class="title">
                        <h2>预防沉迷<br> 让孩子健康合理的使用手机
                        </h2>
                        <h4>Prevention of addiction</h4>
                    </div>
                    <div class="txt">通过【时间计划】+【应用守护】的组合，制定手机使用时间计划， 按着学习时间娱乐时间合理分配可使用的应用，养成合理使用 手机的好习惯</div>
                    <div class="line"></div>
                </div>
                <div class="con_bd_right hidden-xs col-sm-6 ">
                    <img src="images/t1-03.png" alt="">
                </div>
            </div>
        </div>
    </div>
    <!-- 校园终端模块 -->
    <div class="campus" id="xiao">
        <div class="container content">
            <div class="con_hd">
                <div class="hd_bg">
                    <h1>校园手机终端管控</h1>
                </div>
                <h5>针对校园手机/平板进行合理管理</h5>
            </div>
            <div class="con_bd">
                <div class="con_bd_left col-xs-12 col-sm-6 col-md-6 col-lg-6">
                    <div class="circle"></div>
                    <img class="visible-xs" src="images/t2-01.png" alt="">
                    <div class="title">
                        <h2>时间管理策略</h2>
                        <h4>Time management strategy</h4>
                    </div>
                    <div class="txt">自由设置学校的管控时间段，对移动设备进行管理 根据不同校园使用场景设置不同的时间段应用</div>
                </div>
                <div class="con_bd_right hidden-xs col-sm-6 col-md-6 col-lg-6">
                    <img src="images/t2-01.png" alt="">
                </div>
            </div>
            <div class="con_bd">
                <div class="con_bd_left col-xs-12 col-sm-6 col-sm-push-6">
                    <div class="circle"></div>
                    <img class="visible-xs" src="images/t2-02.png" alt="">
                    <div class="title">
                        <h2>第三方软件管理策略</h2>
                        <h4>Software management strategy</h4>
                    </div>
                    <div class="txt">学校统一添加及管理需要在课堂上使用的教学应用 兼容所有第三方的教学程序，统一安装至学生设备</div>
                </div>
                <div class="con_bd_right hidden-xs col-sm-6 col-sm-pull-6">
                    <img src="images/t2-02.png" alt="">
                </div>
            </div>
        </div>
    </div>
    <!-- 个性化管理模块 -->
    <div class="iniv" id="ge">
        <div class="container content">
            <div class="con_hd">
                <div class="hd_bg">
                    <h1>满足学校个性化管理需求</h1>
                </div>
            </div>
            <div class="con_bd">
                <div class="con_bd_top">
                    <img src="images/t3-01.png" alt="">
                </div>
                <div class="con_bd_bottom">
                    <div class="con_bd_bottom_content col-xs-12 col-sm-6 col-md-4">
                        <div class="title">
                            <text>01</text> 更开放的手机权限
                        </div>
                        <p>开放21项移动设备的底层权限</p>
                        <p>可允许学校进行动态配置</p>
                    </div>
                    <div class="con_bd_bottom_content col-xs-12 col-sm-6 col-md-4">
                        <div class="title">
                            <text>02</text> 系统应用的管理
                        </div>
                        <p>管理移动设备自带的系统应用</p>
                        <p>合理管控应用使用时间</p>
                    </div>
                    <div class="con_bd_bottom_content col-xs-12 col-sm-6 col-md-4">
                        <div class="title">
                            <text>03</text> 防卸载，防破解
                        </div>
                        <p>针对最新的技术对手机应用进行</p>
                        <p>加固，防止单独卸载</p>
                    </div>
                </div>

            </div>
        </div>
    </div>
    <!-- 公司介绍模块 -->
    <div class="about_us" id="wo">
        <div class="text col-xs-8 col-sm-6 col-md-4 col-lg-3">
            <h1>关于我们</h1>
            <p>广西焦点信息科技核心团队在2017年率先研发军队智能手机管理系统，这个系统彻底解决了军队中智能手机滥用等重大难题，目前服务我军多支部队，近十万官兵。核心研发团队在2018开始转向未成年移动终端管理系统的研发，历时2年，在确保产品质量稳定的前提下推向市场。目前已经在广西、海南数所学校中运行成功。</p>
        </div>
    </div>
    <!-- 合作企业模块 -->
    <div class="cooper" id="he">
        <div class="container content">
            <div class="con_hd">
                <div class="hd_bg">
                    <h1>合作企业</h1>
                </div>
                <h5>覆盖国内市场90%的电子设备</h5>
            </div>
            <div class="con_bd">
                <!-- Swiper -->
                <div class="swiper-container">
                    <div class="swiper-wrapper">
                        <div class="swiper-slide" style="background-image:url(./images/t4-01.png)"></div>
                        <div class="swiper-slide" style="background-image:url(./images/t4-02.png)"></div>
                        <div class="swiper-slide" style="background-image:url(./images/t4-03.png)"></div>
                        <div class="swiper-slide" style="background-image:url(./images/t4-04.png)"></div>
                        <div class="swiper-slide" style="background-image:url(./images/t4-05.png)"></div>
                        <div class="swiper-slide" style="background-image:url(./images/t4-06.png)"></div>
                    </div>
                </div>
                <!-- Add Arrows -->
                <div class="swiper-button-prev"></div>
                <div class="swiper-button-next"></div>
            </div>
        </div>
    </div>
    <!-- 底部 -->
    <footer class="footer">
        <div class="container">
            <div class="logo hidden-xs">
                <img src="icons/logo-footer.png" alt="">
            </div>
            <ul class="info">
                <li>广西焦点信息科技有限公司</li>
                <li>地址：南宁市高新区创业路18号创客城2号楼2楼207室</li>
                <li>商务电话：13878112278</li>
                <li>
                    <a href="#"></a>备案号：桂ICP备20006125号</li>
            </ul>
        </div>
        <p>Copyright © 2020 © 广西焦点信息科技有限公司保留所有解释权
        </p>
    </footer>
    <!-- 超小屏固定底部导航 -->
    <div class="nav_footer  visible-xs">
        <div class="container">
            <ul class="nav">
                <li><a href="#jia">家庭管理</a></li>
                <li><a href="#xiao">校园管控</a></li>
                <li><a href="#ge">个性化管理</a></li>
                <li><a href="#wo">关于我们</a></li>
                <li><a href="#he">合作企业</a></li>
            </ul>
        </div>
    </div>
    <!-- 引入 swiper js文件 -->
    <script src="js/swiper.min.js"></script>
    <script>
        (function() {
            var swiper = new Swiper('.swiper-container', {
                effect: 'coverflow',
                grabCursor: true,
                centeredSlides: true,
                slidesPerView: 'auto',
                coverflowEffect: {
                    rotate: 50,
                    stretch: 0,
                    depth: 100,
                    modifier: 1,
                    slideShadows: true,
                },
                // 左右箭头
                navigation: {
                    nextEl: '.swiper-button-next',
                    prevEl: '.swiper-button-prev',
                },
            });
        })()
    </script>
</body>

</html>